<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>用户</title>
    <!-- 引入css文件 -->
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/JLS/footer.css">
    <link rel="stylesheet" href="../../css/LXW/personal.css" type="text/css" />
</head>

<body>
    <div class="bar">
        <div class="top-bar">
            <div class="set-up">
                <div></div>
                <div><a href="../../html/YJJ/Set.html">设置</a></div>
            </div>

            <div class="user">
                <a href="../../html/YJJ/Set.html"><img width=50px height="50px" src="../../img/list/user.png"></a>
                <div>
                    <div class="label">不吃花生</div>
                    <div class="signature">吃香菜</div>
                </div>
            </div>
            <div class="securities-list">
                <div class="securities">
                    <div>1</div>
                    <a href="../../html/YJJ/Order.html">
                        <div>收藏</div>
                    </a>
                </div>
                <div class="securities">
                    <div>1</div>
                    <div>关注</div>
                </div>
                <div class="securities">
                    <div>2</div>
                    <div>优惠券</div>
                </div>
            </div>
        </div>
        <div class="bottom-bar">
            <div class="order-list">
                <div>我的订单</div>
                <div class="text">全部订单></div>
            </div>
            <div class="list">
                <a href="../../html/YJJ/Order.html">
                    <div>
                        <div><img src="../../img/list/like.png" alt=""></div>
                        <div class="fav">收藏</div>
                    </div>
                </a>
                <a href="../../html/YJJ/Address.html">
                    <div>
                        <div><img src="../../img/list/living.png" alt=""></div>
                        <div>地址</div>
                    </div>
                </a>
                <a href="../../html/YJJ/Collection.html">
                    <div>
                        <div><img src="../../img/list/sort_light (1).png" alt=""></div>
                        <div>我的订单</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <ul class="footerNav">
            <li class="home">
                <img src="../../img/icon/home.png" alt="">
                <span>首页</span>

            </li>
            <li class="classify">
                <img src="../../img/icon/sort.png" alt="">
                <span>分类</span>

            </li>
            <li class="shoppingCart">
                <img src="../../img/icon/cart.png" alt="">
                <span>购物车</span>

            </li>
            <li class="my footeractive">
                <img src="../../img/icon/emoji_flash_fill.png" alt="">
                <span>我</span>
            </li>
        </ul>
    </footer>
</body>
<script src="../../js/flexible.js"></script>
<script src="../../js/JLS/footer_personal.js"></script>
<script>
    // let favEl = document.querySelector('.fav')

</script>
</html>